"El espacio entre líneas es demasiado pequeño tanto es así que hace que sea todo incomprensible"
El interlineado determina la distancia entre las líneas de un párrafo. En las plantillas de Blogger podemos encontrar la forma de modificarlo, pero no viene definido de la misma forma.
Un ejemplo donde podemos localizar el interlineado según plantilla.
Plantilla Son of Moto /* Typography */ .main p, .sidebar p { line-height: 140%; margin-top: 5px; margin-bottom: 1em; } Modificar line-height: 140%; |
Plantilla TicTac #main { float: $startSide; width: 460px; margin-top: 20px; margin-$endSide: 0; margin-bottom: 0; margin-$startSide: 0; padding-top: 0; padding-$endSide: 0; padding-bottom: 0; padding-$startSide: 1em; line-height: 1.5em; Modificar line-height: 1.5em; |
Plantilla Denim .post div { margin: 0 0 .75em; line-height: 1.3em; } Modificar line-height: 1.3em; |
Plantilla Minima .post p { margin:0 0 .75em; line-height:1.6em; } Modificar line-height:1.6em; |
Dots Dark #main-wrapper { width:650px; float:right; padding:100px 0px 20px; line-height:1.5em; font-size:85%; } Modificar line-height:1.5em; |
Hecho!! Muchas gracias Gema!
Lo acabo de poner en mi blog a 2.
Gem@ queria pedirte un favor personal, para mi blog, mira en la sidebar donde pone ultimas recetas, me gustaria poner solo el titulo y luego al pinchar que saliera el contenido pero no se como hacerlo, como ves yo siempre dando.
Besicos y gracias
Me alegra que fuera de ayuda Noa ;)
Hola Paqui a qué te refieres con "que saliera el contenido" ¿puede ser algo así?
Gem@ lo que quiero mas omenos es lo que tu tienes para directorios pero en lugar de que se vea imagenes se vean letras, si miras en mi blog lo que quiero meter es lo de ultimas recetas. Es que no se como hacerlo
Besicos
Mira aquí Paqui. Sigue los pasos escogiendo la opción que da al final para añadir texto en lugar de imágenes tipo botón.
Para conseguir la url de una entrada especifica debes clicar sobre el título de la entrada, copias la direción de la barra del navegador y la pegas donde dice
"url de la página"
Luego en "texto" añades el título de la entrada y listo.
Si te queda alguna duda me lo dices y te ayudo con el código ;)
Perdón porque esto no viene al caso.
Os deja blogger subir fotos, modificar la plantilla y demás con normalidad desde ayer????
a mi no me va, no me deja subir ni el .xml ni fotos, no se que pasará me dice que se reinicia el servidor mientras se cargaba, o algo así, que asco por favor....
Perdón por hacer esta pregunta en tu blog, pero es que por aquí pasa mucha peña y a lo mejor alguien sabe algo. gracias gem@ y felicidades por tu blog.
No he notado nada extraño Ritxard y estuve arreglando una plantilla y también subiendo imágenes.
Buenas noches gema, agradeceria me dijeras si tienes algun post que explique como imprimir los post, pues me interesaria insertarlo en mi blog, he probado alguna cosita pero me imprime todo lo que se visualiza en pantalla, y a mi me interesa post a post segun mi elección, te consta si es posible?
Mil grácias por tu atencion.
Sisco no he publicado nada sobre ese tema, entre otras cosas porque no uso impresora y me gusta probar las cosas antes de darle salida, pero en Vagabundia puedes encontrar respuesta a tu pregunta.
Mira aquí suerte ;)
Hola Gem@. ¿Es posible modificar el interlineado del Archivo del blog, Listas de enlaces, etc., pero no el del texto de las entradas?
Te he enlazado en mi blog para tenerte siempre a mano.
Gracias
Hola Bastian, es posible hacerlo.
Por ejemplo para el interlineado de archivos, lista de enlaces y todo lo añadido a la columna derecha lo puedes aumentar o disminuir en .sidebar { donde dice:
line-height: 1.5em;
Y .sidebar li { también en: line-height:1.5em;
Mira en vista previa el efecto antes de guardar los cambios ;)
Gracias Gem@: ha funcionado perfecto. He aprovechado para reducir también el interlineado de los posts.
Estupendo Bastian ;)
hola gema! hasta ahora siempre ampliaba el interlineado tal y como tu lo indicas. pero en http://sewingwords.blogspot.com (mínima) no me da resultados y el texto me queda pegote.... ¿alguna idea????? tenkiuuu
Hola...si que me sirvio de mucho...como hice cambios en el blog, y las letras blancas que coloque parecian que estaban como muy apretadas...molestaba para leer...ahora con este truquito el cambio se nota mucho...ahora no tendras otro donde pueda alinear el texto, pues esa parte se desaparecio de mi editor de blog...otra cosa y si no es mucha molestia...hice unos cambio en la plantilla y me gustaria tu opinion experta,si le ves errores o algo raro que yo como novato haya omitido....de antemanos GRACIAS...
Hola S.O.S creo que solucionamos ese problema aunque dejé el comentario sin contestar :(
Hola Kenneth para justifiar texto lo más sencillo es <p align='justify'>aquí- texto<br>
Si deseas justificarlo a la izquierda align=left si es a la derecha align=right y al centro align=center
Cuando es a los dos márgenes lo solucionamos con align=justify.
El blog ha quedado bien, las cosas que se omiten no pueden considerarse errores porque nuestro sitio es a nuestro gusto ;)
GRACIAS...le empeze a meter justify al tanteo...se movio este texto..no se movio..luego me aprendere donde queda cada cosa...creo que me quedo como queria...cualquier cosa rara o error de mi parte solo digamelo...soy todo oido...usted es uno de mis maestros...SALUDOS...
Gracias Kenneth :)
Hola Gem@:
Hace tiempo andaba apensando en modificar el interlineado de mi bloc. Al final, probando, he hallado como hacerlo:
Interlineado para Dots Dark
El interlineado por defecto es 1.2em, pero no sé donde está situado.
Para modificarlo en el texto principal:
Hay que añadir line-height:1.5em; antes de font-size:85% y debe quedar así:
#main-wrapper {
#border-left:solid #ffff00 1px;
#border: solid #000 2px;
width:650px;
float:right;
padding:100px 0px 20px;
line-height:1.5em;
font-size:85%;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Si quieres, puedes añadirlo en los ejemplos.
Saludos.
Josep en efecto la Dots Dark no se encuentra en los ejemplos, añadí las más conocidas o al menos las más usadas de Blogger.
Al añadir line-height en el main lo estamos añadiendo a todo el espacio de las entradas aunque también podemos añadirlo en la sidebar, la descripción, los comentarios y cualquier lugar que contenga texto.
Añado tu aporte Gracias :)
Hola, Gema!!!
Gracias por tus consejos, siempre vienen fenomenal. Tengo una plantilla un poco distinta y el problema es que he cambiado facilmente la distancia y queda bién, pero no sé por que motivo, cuando esribo los post, no puedo añadir líneas vacías (o se, intros) para separar los párrafos, y siempre teine que verse todo enganchado. No sé si puedes hecharme un cable...
GRACIAS, GUAPETONA!!!!!! :P
Majka ese problema lo puedes solucionar en Configuración |Formato marcando la casilla "Convertir saltos de línea" veamos si resulta con eso :)
Nunca me había fijado en esta opción. Pero la tengo en sí. La he puesto en no y otra vez en sí (esas cosas absurdas que hacemos esperando que forma divina se solucione algo...), pero lamento decirte que nada, ni se inmuta el tío...
Un intro lo acepta, pero si pretendo dejar más espacio y le doy dos veces o més, lo reduce a uno.
Parece que las plantillas tengan personalidad propia...
gracias otra vez per tu tiempo... ;P
En html la etiqueta <br> produce un salto de línea...
Te contesté al mail ;)
GRACIAS, gema, eres la mejor!!! Por lo menos ahora queda todo un poco más ordenado, aunque es un poco embrollo tener que estar todo el rato editando en html...
GRACIAS!!!!
Majka incluye la etiqueta en la plantilla de entrada y evitarás tener que copiar cada vez, de esa forma aparece automáticamente en todas las entradas :)
gem, hace tiempo vengo trabajando en miblog. La duda es que no se como poner en el mi dirreccion de correo electronico de Gmail para que se vea, Como un logo y que tildando puedas escribierme. si me ayudas te lo agradecere
Hola Demián si Si fuera un texto pondríamos:
<a href="mailto:forever@gmail.com">E-mail</a>
(naturalmente mi correo lo sustituyes por el tuyo)
Con una imagen sería...
<a href="mailto:forever@gmail.com"><img src="aquí-url-de-la-imagen"></a>
¿Cómo consigues esa imagen?
Mira aquí
gracias!!! me sirviò!
saludos
yz Me alegra que así sea Darío :)
hola gem@, quiero redicir el tamaño de letra en un widget y reducir igualmente el interlineado. pero solo en un widget, en el footer de hhtp://paraninosconcabeza.blogspot.com, ¿cómo se hace?
donde dice redicir es reducir...
:: lk cuando me preguntes sería mucho mejor si me indicaras con más precisión, por ejemplo ¿qué widget? estuve mirando tu blog y en el footer tienes el gadget o widget de los directorios y más abajo el texto.
Como los directorios son imágenes tipo botón pienso que te refieres al texto que hay justo después.
Ese texto lo puedes modificar en:
#footer {
width:750px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform: lowecase;
letter-spacing:.1em;
text-align: center;
color: "titlecolor"
}
con line-height: 1.6em modificas el interlineado y el tamaño de letra lo estableces añadiendo font-size: 20px;
color: "titlecolor" no es una propiedad válida en caso de querer añadir color al texto sería color:#000000; obviamente añadiendo el color que tu deseas.
gracias gem@, no me di cuenta de aclararlo...
Gracias gem@ , se veía muy feo las lineas apegadas :D .....
:: Me alegra que resultara bien Audios Cristianos :)
Hola Gema, mira mi problema es el siguiente: inserte el codigo tal y como lo dijo JOSEP, y si, cambio la distancia de las lineas, el problema fue que tambien lo hizo con los titulos, como puedo corregir ese detalle? Habra un codigo que no afecte al titulo? O alguna otra manera?. Este es el blog, http://borest-borest-net.blogspot.com Saludos.
:: Hola Borest, para que sólo fuera en los post en tu plantilla sería en:
.post {
background: #FFF url(url-imagen) repeat-x top left;
border: 1px solid #dedbd1;
margin: 0 0 15px;
padding: 18px;
}
Hola Gema, realmente necesito tu ayuda :). Ya no se que hacer :-|. Tengo un problema con un menu horizontal que puse. En Firefox, Opera, Safari y Chrome se ve bien pero en IE 7 se ve mal (se agrega un salto de linea). Quisiera saber como eliminar ese salto de linea. El blog es http://www.eduardopahr.com.ar/. Te agradeceria infinitamente tu ayuda. Saludos!
:: Hola Eduardo, no sé como ayudarte porque veo que parte el menú forma parte de la imagen del header y tal como está no veo otra forma de añadirlo para que quede paralelo a la imagen :S
hola gem@: estoy intentado modificar el espacio ENTRE letras en los títulos de la sidebar en http://dinerodesdetuordenador.blogspot.com, sin resultado. ¿cómo puedo hacerlo? gracias!!
:: Lara para aumentar o disminuir la separación de la fuente añade a sidebar h2 lo siguiente que podrás modificar y verlo en vista previa:
letter-spacing: 0.05em;
gracias gem@1
:: De nada Lara :)
Hola Gema,
estoy modificando una "nueva plantilla" de momento el dominio de pruebas es : http://blogdelicp.blogspot.com/
El problema es que las nuevas plantillas de blogger, en mi opinión tienen demasiada distancia entre parrafos. ¿cómo puedo disminuir la distancia entre parrafo y parrafo?
:: Hola Isaac no tengo respuesta para eso porque las plantillas nuevas contienen muchos bloques incluidos en los párrafos, cuando el texto se ve envuelto entre <div> y </div> eso crea saltos le línea.
no he podido..:'(
:: Chamba Iraheta no sé dónde deseas modificarlo porque hay muchos blogs en tu perfil :S
ya lo arregle.. no era problema de interlineado.. :)
hola gem@! ¿cómo puedo modificar el interlineado en la sidebar en un texto en particular (no en toda la sidebar)? mira en http://soupcouture.blogspot.com; en "Analizamos tu web o blog", en la sidebar de la derecha. Me gustaría acercar las líneas entre sí para que quede más compacto. gracias!
:: Chamba Iraheta me alegra esté solucionado.
:: Lileka cuando se trata de un texto en concreto puedes hacerlo añadiendo estilos con la etiqueta span.
gem@, ¿cuál sería la indicación completa? ¿qué pongo entre span y </span? es que no tengo ningún ejemplo de interlineado...
:: Lileka mira la siguiente entrada:
http://gemablog-.blogspot.com/2009/03/la-etiqueta-span-y-los-estilos.html
Nota: solo los miembros de este blog pueden publicar comentarios.